

/**
 * @description 注册页面的模板数据
 * 
 */
const registerDeaultData = {
  version: '001',
  base: {
    bg_type: "1",
    background_image: 'http://codegen.caihongy.cn/20241008/98dbe9386da44aac94a3d2b8e62f1ea2.webp',
    form_animate: "fadeInDown",
    form_layout:'horizontal',
    label_flag:true,
    colon_flag:true,
    title_flag: true,
    title_suffixFlag: true,
    title_suffix: "注册",
    register_text: "注册",
    login_text: "已有账号？直接登录",
    idea1_flag: false,
    idea1_text: "空盒1",
    idea2_flag: false,
    idea2_text: "空盒2",
  },

  css: `
/* 注册页面默认样式 */
.register {

  /* 注册容器-二级 */
  .register-bg {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: no-repeat center center / cover;

  }


  /* 标题 */
  .title-box {
    margin: 40px 0 40px 0;
    padding: 0;
    line-height: 44px;
    color: #FFF;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
  }

  /* 表单 */
  .registerform {
    width: 1426px;
    height: 720px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: url(http://codegen.caihongy.cn/20241008/b3b32f7d038c43f795fd3b5b2cb65881.webp) no-repeat center center;
    display: flex;
    justify-content: flex-end;
    position: relative;
    overflow: auto;
    scrollbar-width: thin;


    /* 表单-二级 */
    .registerform-wrapper {
      width: 610px;
      height: 720px;
      background-color: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(10px);
      padding: 0 40px;
      overflow: auto;
    }

    /* 输入框盒子 */
    .ant-form-item {
      margin: 0 0 30px 0;
      padding: 0;
      width: 100%;
      height: auto;
      border-width: 0 0 2px 0;
      border-style: solid;
      border-color: #FFFFFF;
    }

    /* 标签 */
    .ant-form-item .ant-form-item-label>label {
      width: 84px;
      color: #A3AECC;
      font-size: 14px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }


    /* 普通 */
    .ant-input-affix-wrapper {
      &:focus-within {
        border: 1px solid #4096ff;
        box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
      }

      /* 图标 */
      .anticon {
        color: #FFF;
        cursor: pointer;
        transition: all 0.3s;

        &:hover {
          color: rgba(0, 0, 0, 0.88);
        }
      }
    }

    /* 数值 */
    .ant-input-number {
      width: 90px;

      &:focus-within {
        border-color: #1677ff;
        box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
        outline: 0;
        background: #ffffff;
      }


      .ant-input-number-handler-wrap {
        width: 22px;
        height: 100%;
        background: #ffffff;
        border-start-end-radius: 6px;
        border-end-end-radius: 6px;
      }

      /* 上图标 */
      .ant-input-number-handler-up {
        color: rgba(0, 0, 0, 0.45);
        border-inline-start: 1px solid #d9d9d9;
        border-start-end-radius: 6px;
      }

      /* 下图标 */
      .ant-input-number-handler-down {
        color: rgba(0, 0, 0, 0.45);
        border-inline-start: 1px solid #d9d9d9;
        border-block-start: 1px solid #d9d9d9;
        border-end-end-radius: 6px;
      }

    }



    /* 单选 */
    .ant-select {
      .ant-select-selector {

        &:focus-within {
          border-color: red;
          box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
        }
      }

      /* 图标 */
      .ant-select-arrow {
        position: absolute;
        top: 50%;
        height: 12px;
        margin: -6px 0 0 0;
        font-size: inherit;
        color: #fff;
      }
    }

    /* 日期 */
    .ant-picker {

      &:focus-within {
        box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
      }

      /* 图标 */
      .ant-picker-suffix {
        flex: none;
        margin: 0 0 0 4px;
        font-size: inherit;
        color: #fff;
      }
    }

    /* 清除图标 */
    .ant-picker-clear {
      &:focus-within {
        box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
      }
    }

    /* 多行文本 */
    textarea.ant-input {
      &:focus-within {
        border: 1px solid #4096ff;
        box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
        background: #ffffff;
      }
    }

    /* 人脸按钮 */
    .face-btn {
      color: #1677ff;
      font-size: 14px;
      line-height: 1.5714285714285714;
      height: 24px;
      padding: 0px 7px;
      border-radius: 0;

      &:hover {
        color: #69b1ff;
        background: transparent;
      }
    }

    /* 文件上传 */
    .ant-form-item .ant-upload-wrapper .ant-upload.ant-upload-select {
      font-size: 14px;
      color: #FFF;
      background-color: rgba(0, 0, 0, 0.02);
      border: 1px dashed #d9d9d9;
      border-radius: 8px;

      &:hover {
        border-color: #1677ff;
      }
    }

    /* 发送验证码 按钮 */
    .ant-form-item .email-btn {
      height: 32px;
      width: auto;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.88);
      margin: 0px 0px 0px 10px;
      background: #ffffff;
      border-color: #d9d9d9;
      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
      border-radius: 6px;

      &:hover {
        color: #4096ff;
        border-color: #4096ff;
        background: #ffffff;
      }
    }

  }


  /* 按钮 */
  .btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    justify-content: center;
  }

  /* 注册盒子 */
  .register-box {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    order: 2;

    .register-btn {
      font-size: 24px;
      color: #fff;
      background: linear-gradient(134deg, #5E83B4 0%, #8FAEC1 100%);
      margin: 0;
      padding: 4px 15px;
      width: 100%;
      height: 40px;
      line-height: 1.5714285714285714;
      border-radius: 6px;
      border: 0px solid transparent;

      &:hover {
        color: #fff;
        background: linear-gradient(134deg, #5E83B4 0%, #8FAEC1 100%);
        opacity: 0.8;
      }
    }
  }


  /* 登录盒子 */
  .login-box {
    margin: 0 0 30px 0;
    padding: 0;
    width: auto;
    height: auto;
    order: 1;

    .login-btn {
      color: #FFFFFF;
      font-size: 14px;
      line-height: 1.5714285714285714;
      height: 24px;
      padding: 0px 7px;
      border-radius: 0;

      &:hover {
        color: #69b1ff;
        background: transparent;
      }
    }
  }


  /* 空盒1 */
  .idea_1 {
    position: absolute;
    left: 240px;
    top: 240px;
    color: #fff;
    font-size: 72px;
    z-index: -1;
  }

  /* 空盒2 */
  .idea_2 {
    position: absolute;
    left: 120px;
    top: 340px;
    color: #fff;
    font-size: 72px;
    z-index: -1;
  }

}


/* 禁止: 通用 */
.registerform .ant-form-item .ant-input-affix-wrapper.ant-input-disabled,
.registerform .ant-form-item .ant-input-number.ant-input-number-disabled,
.registerform.ant-form .ant-form-item .ant-select.ant-select-outlined.ant-select-disabled .ant-select-selector,
.registerform .ant-form-item .ant-picker.ant-picker-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.04);
  border-color: #d9d9d9;
}

/* 提示: 通用 */
.registerform .ant-form-item input::placeholder,
.registerform .ant-form-item .ant-select-selection-placeholder {
  font-size: inherit;
  color: rgba(255, 255, 255, 0.4);
}

/* 错误提示：通用 */
.registerform .ant-form-item .ant-input-outlined.ant-input-status-error {
  background: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #ff4d4f;
}

/* 普通、数值、单选、日期、多文本 */
.registerform .ant-input-affix-wrapper,
.registerform .ant-input-number,
.registerform.ant-form .ant-form-item .ant-select.ant-select-outlined .ant-select-selector,
.registerform .ant-form-item .ant-picker,
.registerform .ant-form-item .ant-picker-clear,
.registerform textarea.ant-input {
  background-color: transparent;
  border: none;
  color: #FFF;
}

/* 聚焦：普通、数值、单选、日期、多文本 */
.registerform .ant-input-affix-wrapper:focus-within,
.registerform .ant-input-number:focus-within,
.registerform.ant-form .ant-form-item .ant-select.ant-select-outlined .ant-select-selector:focus-within,
.registerform .ant-form-item .ant-picker:focus-within,
.registerform .ant-form-item .ant-picker-clear:focus-within,
.registerform textarea.ant-input:focus-within {
  border: none;
  box-shadow: none;
  background: transparent;
}

/* 图标: 设置颜色 */
.registerform .ant-input-affix-wrapper .anticon,
.registerform .ant-select .ant-select-arrow,
.registerform .ant-picker .ant-picker-suffix {
  color: #FFF;
}

/* 边框过渡效果 */
.registerform .ant-form-item {
  background: linear-gradient(90deg, #ff3c41, #fc0, #0ebeff);
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: 1s all;
  padding-bottom: 3px;

  &:focus-within {
    background-size: 100% 2px;
    border-color: transparent;
  }
}


/* 滚动条 */
.register .registerform-wrapper {
  &::-webkit-scrollbar {
    background: transparent;
    width: 6px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #cdcdcd;
    border-radius: 3px;
  }
}
  `,
}

export default registerDeaultData